<template>
<h1>EL-容器组件</h1>
  <div>
    <el-container>
      <el-aside>
        <el-menu>
        <el-menu-item >用户管理</el-menu-item>
        <el-menu-item >车辆管理</el-menu-item>
        <el-menu-item >围栏管理</el-menu-item>
        </el-menu>
      </el-aside>
      <el-main>
        <el-container>
          <el-header style="background-color: #0aa1ed ; font-weight: bold"  >智慧车辆管理系统</el-header>
        </el-container>
        <el-main>
          <el-table :data="qc">
            <el-table-column label="品牌" prop="pp"></el-table-column>
            <el-table-column label="型号" prop="xh"></el-table-column>
          </el-table>
        </el-main>
      </el-main>
    </el-container>

  </div>




</template>

<script setup>
import {ref} from "vue";

const qc=ref([
  {pp:'奥迪',xh:'12332',},
  {pp:'奥迪',xh:'12332',},
  {pp:'奥迪',xh:'12332',},
  {pp:'奥迪',xh:'12332',},
])
</script>


<style scoped>

</style>